/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 28px;
    width: 28px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #000;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #000;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #000;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #000;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}





@media only screen and (max-width:900px) {
	.wrap{
		margin: 0;
	}
	html{
		font-size: 10px;
	}
	.header{
		position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 33;height: 60px;background: #fff;padding:0;-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.layout{
		padding-top: 60px;
	}
	.header .logo{
		float: none;position: absolute;
		left: 15px;
		top: 12px;z-index: 1;width: 110px;
	}
	.header .naver{
		float: none;position: absolute;
			top: 60px;
			left: 0;
			right: 0;
			z-index: 111;
			background: rgba(0, 0, 0, 0.9);width: auto;display: none;padding: 10px 30px;margin-top: 0;
	}
	.gh{
		position: absolute;
		right: 15px;
		top: 18px;z-index: 1;display: block; 
	}
	.header .naver li{
		float: none;margin-left: 0;
	}
	.header .naver li a{
		font-size:16px ;
		line-height: 36px;
		color: #fff;
	}
	.hpage{
		height: auto;
	}
	.lts,
	.rts,
	.rt,
	.lt{
		float: none;position: static;width: auto;
	}
	.hpage5 .lt,
	.hpage4 .lt,
	.hpage2 .lt,
	.hpage3 .lt, .hpage1 .lt{
		padding: 40px 15px 45px;
	}
	.hpage5 .box,
	.hpage4 .box,
	.hpage3 .text,
	.hpage2 .text,
	.hpage1 .text,
	.tit{
		position: static;transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
	}
	.tit h2{
		font-size: 28px;
	}
	.tit p{
		font-size: 24px;
	}
	.hpage1 .rt{
		padding: 60px 15px 130px;
	}
	.hpage1 .text h3{
		font-size: 24px;
	}
	.hpage1 .text h4{
		font-size: 28px;
	}
	.hpage1 .text p{
		font-size: 15px;
	}
	.hpage4 .tit,
	.hpage2 .tit{
		text-align: left;max-width: initial;
	}
	.hpage2 .rts{
		padding: 60px 15px 75px;
	}
	.hpage2 .text p{
		font-size: 14px;
	}
	.hpage2 .text li{
		height: 30vw;
	}
	.hpage2 .text ul{
		margin-bottom: 20px;
	}
	.hpage3 .rt{
		padding: 50px 15px 60px;
	}
	.hpage3 .text .img{
		height: 40vw;
	}
	.hpage3 .text .ts h3{
		font-size: 20px;
	}
	.hpage3 .text .ts h6{
		font-size: 16px;
	}
	.hpage3 .text .ts::before{
		width: 2px;height: 40px;margin-top: -20px;
	}
	.hpage3 .text p{
		font-size: 14px;
	}
	.hpage3 .text .ts{
		margin: 10px 0 15px;
	}
	.hpage3 .text .dls{
		margin-top: 20px;display: block;
	}
	.hpage3 .text .dls dl{
		width: auto;margin-bottom: 30px;
	}
	.hpage3 .text .dls dt{
		font-size: 18px;
	}
	.hpage3 .text .dls dt::before{
		width: 2px;height: 20px;margin-top: -10px;
	}
	.hpage3 .text .dls dd{
		font-size: 14px;line-height: 1.8;
	}
	.hpage4 .rt{
		padding: 50px 15px 30px;
	}
	.maknedel{
		width: 260px;padding: 10px;
	}
	.maknedel .pic{
		height: 30vw;
	}
	.maknedel .txts{
		margin-top: 10px;
	}
	.maknedel .txts h2{
		font-size: 16px;
	}
	.maknedel .txts h6{
		font-size: 14px;
	}
	.maknedel .txts .del{
		font-size: 12px;height: 200px;
	}
	.maknedel .txts .h6{
		font-size: 12px;
	}
	.hpage4 li .img{
		width: 180px;height: 35vw;
	}
	.hpage4 li .txt{
		width: calc(100% - 180px);padding: 0 8px;
	}
	.hpage4 li .txt h3{
		font-size: 14px;line-height: 20px;height: 40px;padding: 5px 0;
	}
	.hpage4 li{
		padding: 8px 0;
	}
	.hpage4 li .txt p{
		font-size: 13px;line-height: 20px;height: 40px;margin: 5px 0 10px;
	}
	.hpage4 li .txt h6,
	.hpage4 li .txt h5{
		font-size: 12px;line-height: 1.7;
	}
	.page dl dd .t1,
	.page dl dd{
		font-size: 13px;
	}
	.page .jiat .next, .page .jiat .prev{
		background-size: 6px auto !important; 
	}
	.page .jiat{
		width: 40px;
	}
	.hpage5 .rt{
		padding: 55px 15px 10px;
	}
	.hpage5 .box .hd li{
		width: 90px;height: 30px;padding: 0 10px;
	}
	.majtxts h3{
		font-size: 16px;
	}
	.majtxts h6{
		font-size: 14px;
	}
	.majtxts .del{
		font-size: 12px;height: 200px;margin-top: 20px;padding-bottom: 20px;
	}
	.majtxts .h6{
		font-size: 13px;
	}
	.hpage5 .box .bds .les dd::before{
		background-size: 40px auto !important;left: -36px;top: -2px;
	}
	.hpage4 li .txt h6::before{
		background-size: 40px auto !important;left: -50px;top: -2px;
	}
	.maknedel{
		left: auto;
		right:90px ;
	}
	
	.hpage5 .box .bds li dd{
		font-size: 13px;line-height: 1.8;
	}
	.hpage5 .box .bds li{
		margin-bottom: 5px;
	}
	
	.majtxts{
		width: 260px;
		    padding: 10px;    left: auto;
    right: 85px;
	}
	.hpage5 .box .bds li dd:nth-child(1){
		width: 35%;
	}
	.hpage5 .box .bds li dd:nth-child(2){
		width: 25%;
	}
	.hpage5 .box .bds li dd:nth-child(3){
		width: 15%;
	}
	.hpage5 .box .bds li dd:nth-child(4){
		width: 15%;
	}
	.hpage5 .box .bds{
		margin-top: 20px;
	}
	.rt{
		height: initial;
	}
	.hpage5 .box{
		margin-bottom: 50px;
	}
	.new_del{
			padding: 30px 15px;
		}
		.new_del .hd .h2{
			line-height: 1.6;font-size: 18px;
		}
		.new_del .hd .h6{
			font-size: 12px;
		}
		.new_del .hd{
			padding-bottom: 10px;
		}
		.new_del .del{
			padding-top: 20px;line-height: 1.8;font-size: 13px;
		}
		.new_del .fts{
			margin-top: 30px;
		}
		.new_del .fts .dd{
		float: none;width: auto;margin-bottom: 10px;font-size: 12px;
		}
		.new_del .fts .dd:last-child{
			float: none;text-align: left;
		}
	.hpage5 .page{
		margin-right: 0;
	}
	.hpage5 .box .hd li .lsele{
		line-height: 30px;height: 30px;
	}
	
	
}